<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<!--Google Fonts-->
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<!---<link href='http://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>-->
<!--JS for animate-->
	<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
	<script src="js/wow.min.js"></script>
		<script>
			new WOW().init();
		</script>
	<!--//end-animate-->
</head>
<body>
<!--banner start here-->
<div class="banner">
	  <div class="container">
	 <div class="header">
			
				<div class="logo wow fadeInLeft animated" data-wow-delay=".5s">
					<h1><a href="index.html">WINES</a></h1>
				</div>
					<nav class="navbar navbar-default">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
						</div>
						<!--/.navbar-header-->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav animated wow fadeInUp animated animated" data-wow-duration="1200ms" data-wow-delay="500ms">
								<li class="active"><a href="index.html">Home</a></li>
								<li><a href="about.html">About</a></li>
								<li><a href="wines.html">Wines</a></li>
								<li><a href="products.html">Products</a></li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
						</div>
						<!--/.navbar-collapse-->
					</nav>
				<div class="search-box">
					<div id="sb-search" class="sb-search wow fadeInRight animated" data-wow-delay=".5s">
						<form action="#" method="post">
							<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
							<input class="sb-search-submit" type="submit" value="">
							<span class="sb-icon-search"> </span>
							</form>
					</div>
				</div>
					<div class="clearfix"> </div>

				<!-- search-scripts -->
					<script src="js/classie.js"></script>
					<script src="js/uisearch.js"></script>
					<script>
						new UISearch( document.getElementById( 'sb-search' ) );
					</script>

			
		</div>
	
<!--header end here-->
 	<div class="banner-main">

	  <section class="slider">
           <div class="flexslider">
             <ul class="slides">
				   <li>
				   <img src="images/4444.png" class="img-responsive" alt="">
				   <h3>WINES </h3>
				   </li>
				   <li>
				    <img src="images/5555.png" class="img-responsive" alt="">
				   <h3>WINES </h3>
				   </li>
				   <li>
				    <img src="images/4444.png" class="img-responsive" alt="">
				   <h3>WINES</h3>
				   </li>
          </ul>
        </div>
      </section>
	
	</div>

<!--FlexSlider-->
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
	<script defer src="js/jquery.flexslider.js"></script>
	<script type="text/javascript">
    $(function(){
      SyntaxHighlighter.all();
    });
    $(window).load(function(){
      $('.flexslider').flexslider({
        animation: "slide",
        start: function(slider){
          $('body').removeClass('loading');
        }
      });
    });
  </script>
</div>
</div>
<!--banner end here-->
<!--welcome-->
<div class="welcome w3l">
			<div class="container">
			<h3>welcome</h3>
				<div class="welcome-grids">
					<div class="col-md-4 welcome-grid wow fadeInLeft animated" data-wow-delay=".5s">
						<div class="wel1 hvr-bounce-to-bottom">
						<span class="glyphicon glyphicon-glass" aria-hidden="true"></span>
						<h4>著名的葡萄酒</h4>
						<p>Lorem ipsum dolor sit amet, consectetur adipisc elit. Proin ultricies vestibulum velit.Lorem ipsum dolor sit amet.</p>
					</div>
					</div>
					<div class="col-md-4 welcome-grid animated wow fadeInUp animated animated" data-wow-duration="1200ms" data-wow-delay="500ms">
						<div class="wel2 hvr-bounce-to-bottom">
						<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
						<h4>特色的人</h4>
						<p>Lorem ipsum dolor sit amet, consectetur adipisc elit. Proin ultricies vestibulum velit.Lorem ipsum dolor sit amet.</p>
						</div>
						</div>
					<div class="col-md-4 welcome-grid wow fadeInRight animated" data-wow-delay=".5s">
							
					<div class="wel3 hvr-bounce-to-bottom">
						<span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
						<h4>喜爱</h4>
						<p>Lorem ipsum dolor sit amet, consectetur adipisc elit. Proin ultricies vestibulum velit.Lorem ipsum dolor sit amet.</p>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
<!--welcome-->
<!--admission-->
<div class="admission w3ls">
	   <div class="container">
	   	 <div class="faculty_top">
	   	  <div class="col-md-4 faculty_grid wow fadeInLeft animated" data-wow-delay=".5s">
	   	  	<figure class="team_member">
	   	  		<img src="images/5.jpg" class="img-responsive wp-post-image" alt="">
	   	  		<div></div>
	   	  		<figcaption><h3 class="person-title"><a href="singlepage.html">Wines</a></h3>
	   	  			<span class="person-deg">Red Wine</span>
	   	  			<p>4 Years</p>
	   	  			
	   	  	   </figcaption>
	   	  	 </figure>
	   	  </div>
	   	  <div class="col-md-4 faculty_grid animated wow fadeInUp animated animated" data-wow-duration="1200ms" data-wow-delay="500ms">
	   	  	<figure class="team_member">
	   	  		<img src="images/7.jpg" class="img-responsive wp-post-image" alt="">
	   	  		<div></div>
	   	  		<figcaption><h3 class="person-title"><a href="singlepage.html">Wines</a></h3>
	   	  			<span class="person-deg">Blue Wine</span>
	   	  			<p>4 Years</p>
	   	  			
	   	  	   </figcaption>
	   	  	 </figure>
	   	  </div>
	   	  <div class="col-md-4 faculty_grid wow fadeInRight animated" data-wow-delay=".5s">
	   	  	<figure class="team_member">
	   	  		<img src="images/6.jpg" class="img-responsive wp-post-image" alt="">
	   	  		<div></div>
	   	  		<figcaption><h3 class="person-title"><a href="singlepage.html">Wines </a></h3>
	   	  			<span class="person-deg">Green Wine</span>
	   	  			<p>4 Years</p>

				</figcaption>
			</figure>
		  </div>


			 <div class="col-md-4 faculty_grid wow fadeInLeft animated" data-wow-delay=".5s">
				 <figure class="team_member">
					 <img src="images/11.jpg" class="img-responsive wp-post-image" alt="">
					 <div></div>
					 <figcaption><h3 class="person-title"><a href="singlepage.html">Wines</a></h3>
						 <span class="person-deg">Red Wine</span>
						 <p>4 Years</p>

					 </figcaption>
	   	  	 </figure>
	   	  </div>
	   	  <div class="col-md-4 faculty_grid animated wow fadeInUp animated animated" data-wow-duration="1200ms" data-wow-delay="500ms">
	   	  	<figure class="team_member">
	   	  		<img src="images/8.jpg" class="img-responsive wp-post-image" alt="">
	   	  		<div></div>
	   	  		<figcaption><h3 class="person-title"><a href="singlepage.html">Wines</a></h3>
	   	  			<span class="person-deg">Red Wine</span>
	   	  			<p>4 Years</p>
	   	  			
	   	  	   </figcaption>
	   	  	 </figure>
	   	  </div>
	   	  <div class="col-md-4 faculty_grid wow fadeInRight animated" data-wow-delay=".5s">
	   	  	<figure class="team_member">
	   	  		<img src="images/12.jpg" class="img-responsive wp-post-image" alt="">
	   	  		<div></div>
	   	  		<figcaption><h3 class="person-title"><a href="singlepage.html">Wines</a></h3>
	   	  			<span class="person-deg">Red Wine</span>
	   	  			<p>4 Years</p>
	   	  			
	   	  	   </figcaption>
	   	  	 </figure>
	   	  </div>
	   	  <div class="clearfix"> </div>
	   	 </div>
	  </div>
	</div>
<!--admission-->
<!--content-middle-->
		<div class="content-middle wthree">
			<div class="container">
				<div class="mid-content wow fadeInRight animated" data-wow-delay=".5s">
					<h3>好处</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus mollitia officia quisquam rerum? Asperiores eos excepturi impedit labore minus quo tenetur, veniam! Aspernatur est eum facere laudantium nesciunt sapiente soluta.</p>
					<a class="hvr-sweep-to-right more-in" href="singlepage.html">Read More</a>
				</div>
			</div>
		</div>
<!--content-middle-->
<!--events-->
<div class="events agile">
		<div class="container">
			<div class="events-grids">
				<div class="col-md-6 events-left wow fadeInLeft animated" data-wow-delay=".5s">
					<h3>view</h3>
					<h5>view view</h5>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus fugit, repudiandae? Aliquam aliquid beatae, dolores doloribus earum eligendi eos ex expedita explicabo illo illum ipsum itaque laboriosam modi placeat? Fugit?</p>
				</div>
				<div class="col-md-6 events-right wow fadeInRight animated" data-wow-delay=".5s">	
					<h3>view</h3>
					<ul>
						<li><a href="singlepage.html">Donec quam lscele lorem Ipsum .</a></li>
						<li><a href="singlepage.html">Etiam volutpatbh lorem Ipsum </a></li>
						<li><a href="singlepage.html">Varius lorem Ipsum available .</a></li>
						<li><a href="singlepage.html">Donec Lorem Ipsum available .</a></li>
						<li><a href="singlepage.html">Etiam volutpatbh Lorem Ipsum .</a></li>
					</ul>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="bnr-galry">
				<div class="col-md-6 bnr-galry-left wow fadeInLeft animated" data-wow-delay=".5s">
					<a href="singlepage.html" class="mask">					
						<img src="images/4.jpg" class="img-responsive zoom-img" alt="">
					</a>
				</div>
				<div class="col-md-6 bnr-galry-right wow fadeInRight animated" data-wow-delay=".5s">
					<a href="singlepage.html" class="mask">					
						<img src="images/10.jpg" class="img-responsive zoom-img" alt="">
					</a>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
<!--events-->
<!--footer-->
<div class="footer">
		<div class="container">
			<div class="footer-grids">
				<div class="col-md-3 footer-grid wow fadeInLeft animated" data-wow-delay=".5s">
					<h3>Extras</h3>
					<p>Ut rutrum neque a mollis laoreet diam enim feuiat dui nec ulacoper quam felis id diam. Nunc ut tortor ligula eu petiu Pelleesque .</p>
				</div>
				<div class="col-md-3 footer-grid animated wow fadeInUp animated animated" data-wow-duration="1200ms" data-wow-delay="500ms">
					<h3>Useful Info</h3>
					<ul>
						<li><a href="singlepage.html">Hendrerit quam</a></li>
						<li><a href="singlepage.html">Amet consectetur </a></li>
						<li><a href="singlepage.html">Iquam hendrerit</a></li>
						<li><a href="singlepage.html">Hendrerit quam</a></li>
						<li><a href="singlepage.html">Amet consectetur </a></li>
					</ul>
				</div>
				<div class="col-md-3 footer-grid animated wow fadeInUp animated animated" data-wow-duration="1200ms" data-wow-delay="500ms">
					<h3>Social</h3>
					<ul class="social-icons1">
						<li><a href="#"><i class="fa fa-facebook"></i></a></li>
						<li><a href="#"><i class="fa fa-twitter"></i></a></li>
						<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
					</ul>
				</div>
				<div class="col-md-3 footer-grid wow fadeInRight animated" data-wow-delay=".5s">
					<h3>Contact Us</h3>
					<p>Pelleesque conquat dignissim lacus quis altrcies.</p>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="copy-right animated wow fadeInUp animated animated" data-wow-duration="1200ms" data-wow-delay="500ms">
				<p>Copyright &copy; 2016.Company name All rights reserved.</p>
			</div>
		</div>
	</div>
<!--footer-->
</body>
</html>